<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>vediosite</title>
<!-- // Stylesheets // -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
<!-- // Javascript // -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" src="js/contentslider.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/Tahoma_400-Tahoma_700.font.js"></script>
<script type="text/javascript">Cufon.replace('h1,h2,h3,h4,h5, h6, .txtcufon');</script>
</head>
<body>
	<div id="wrapper_sec">
    	<!--Masterhead -->
        <div id="masthead">
        	<div class="logo"><a href="index.html"><img src="images/logo.gif" width="142" height="87" alt="" /></a></div>
			<div class="header_rightsec">
            	<div class="rightsec_1">
                	<div class="navigation">
                    	<div id="smoothmenu1" class="ddsmoothmenu">
                        	<ul>
                            	<li><a class="home" href="index.html">Home</a></li>
                            	<li><a href="listing.html">Popular Videos</a></li>
                                <li><a href="#"> Channels</a></li>
                                <li class="dropdown"><a href="#">More</a>
                                	<ul>
                                		<li><a href="#">Pages</a>
                                        	<ul>
                                				<li><a href="index.html">Home</a></li>
                                                <li><a href="listing.html">Vedio Listing</a></li>
                                  				<li><a href="detail.html">Vedio Detail</a></li>
                                                <li><a href="blog.html">Blog</a></li>
                                  				<li><a href="blogpost.html">Blog Post</a></li>
                                                <li><a href="news.html">News</a></li>
                                                <li><a href="contact.html">Contact Us</a></li>
                                  				<li><a href="static.html">About Us</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">Themes</a>
                                        	<ul>
                                				<li><a href="../grey/index.html">Grey</a></li>
                                                <li><a href="../blue/index.html">Blue</a></li>
                                  				<li><a href="../green/index.html">Green</a></li>
                                                <li><a href="../maroon/index.html">Maroon</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!--Top search-->
                    <div class="top_search">
                   		<input value="Enter you keywords to search" onfocus="if(this.value=='Enter you keywords to search') {this.value='';}"
                        onblur="if(this.value=='') {this.value='Enter you keywords to search';}"name="txt" type="text" />
                    	<a href="#" class="search">Search</a>
                    </div>
                </div>
            	<div class="rightsec_2">
           	  <ul class="toplinks">
                		<li><a href="#"> Browse</a></li>
                        <li><a href="#"> Upload </a></li>
                        <li> <a href="#">Create Account </a></li>
                        <li class="last"><a href="#">Sign In</a></li>   </ul>
                    <ul class="social_networks">
                		<li class="share">Share with us:</li>
                        <li><a href="#"><img src="images/socialicon1.png" alt="" /> </a></li>
                        <li> <a href="#"><img src="images/socialicon2.png" alt="" /> </a></li>
                        <li> <a href="#"><img src="images/socialicon3.png" alt="" /> </a></li>
                        <li class="last"><a href="#"><img src="images/socialicon4.png" alt="" /></a></li>    
                    </ul>
                </div>
            </div>	        
			<div class="clear" ></div>
		</div>
    <!--Content Sec -->
        <div id="content_sec">
        	<div class="crumb">
            	<ul>
                	<li class="here_text txtcufon">You are here:</li>
                	<li><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Information</a></li>
                </ul>
            </div>
            <div class="clear"></div>
            <h2 class="pd11 pd2">About Us</h2>
            <!--Main Section-->
           		<div class="abtcontainer">
           			<h1>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit</h1>
            			<p>
                    		Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat eget,                            dapibus  ac, lectus. Curabitur dolor sapien, hendrerit non, suscipit bibendum, auctor ac, arcu. Vestibulum dapibus.                            Sed pede lacus, pretium in, condimentum sit amet, mollis dapibus, magna. Ut bibendum dolor nec augue. Ut tempus                             luctus metus. Sed a velit. Pellentesque at libero elementum ante condimentum sollicitudin. Pellentesque lorem ipsum,                             semper quis, interdum et, sollicitudin eu, purus. Vivamus fringilla ipsum vel orci. Phasellus vitae massa at massa                             pulvinar pellentesque. Fusce  tincidunt libero vitae odio. Donec malesuada diam nec mi. 
                    	</p>
          			 <div class="clear"></div>
  				 <div class="abtdiv bdr pad3">
                 	<div class="abtheadings">
                    	<ul>
                        	<li><h1>Heading 1</h1></li>
           					<li><h2>Heading 2</h2></li>
							<li><h3>Heading 3</h3></li>
            				<li><h4>Heading 4</h4></li>
            				<li><h5>Heading 5</h5></li>
            				<li><h6>Heading 6</h6></li>
                        </ul>    
					</div>
                 	<div class="abttxt">
                    	<h2>Heading 2</h2>
           					<p>
								Vivamus tortor nisl, lobortis in, faucibus et, tempus at, dui. Nunc risus. Proin scelerisque augue. Nam                                ullamcorper. Phasellus id massa. Pellentesque nisl. Pellentesque habitant morbi tristique senectus et netus et                                malesuada fames ac turpis egestas. 
                        	</p>
						<h2>Heading 2</h2>
							<p>
				            	Maecenas ullamcorper, odio vel tempus egestas, dui orci faucibus orci, sit amet aliquet lectus dolor et quam. 
                                Pellentesque consequat luctus purus. Nunc et risus. Etiam a nibh. Phasellus dignissim metus eget nisi. Vestibulum                                sapien dolor, aliquet nec, porta ac, malesuada a, libero. Praesent feugiat purus eget est. Nulla facilisi.                                Vestibulum tincidunt sapien eu velit. Mauris  purus. Maecenas eget mauris eu orci accumsan feugiat. Pellentesque                                eget velit. Nunc tincidunt.
   							</p>     
                    </div>
                 <div class="abttxt pad1">
                 	<p>
                    	<u>Vivamus tortor</u> nisl, lobortis in, faucibus et, tempus at, dui. Nunc risus. Proin scelerisque augue. Nam                        ullamcorper. Phasellus id massa. Pellentesque nisl. Pellentesque habitant morbi tristique senectus et netus et malesuada                        fames ac turpis egestas. Nunc augue. Aenean sed justo non leo vehicula laoreet. Praesent ipsum libero, auctor ac, tempus                        nec, tempor nec, justo.
                    </p>
                    <p>
                    	Maecenas ullamcorper, odio vel tempus egestas, dui orci faucibus orci, sit amet aliquet lectus dolor et quam. Pellentesque                        consequat luctus purus. Nunc et risus. Etiam a nibh. Phasellus dignissim metus eget nisi. Vestibulum sapien dolor, aliquet                        nec, porta ac, malesuada a, libero. Praesent feugiat purus eget est. Nulla facilisi. Vestibulum tincidunt sapien eu velit.                        Mauris purus. Maecenas eget mauris eu orci accumsan feugiat. Pellentesque eget velit. Nunc tincidunt.
					</p>
					<p>
						Vivamus tortor nisl, lobortis in, faucibus et, tempus at, dui. 
   					</p>     
                 </div>
                 
             <div class="clear"></div>    
             </div>	
             <div class="abtdiv">
             	<div class="abttxts mar1">
                	<p>
				    	Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi luctus. Duis lobortis. Nulla nec velit. Mauris pulvinar                        erat non massa. Suspendisse tortor turpis, porta nec, tempus vitaeculis semper, pede.
					</p>
					<p>
                    	Cras vel libero id lectus rhoncus porta. Suspendisse convallis felis ac enim. Vivamus tortor nisl, lobortis in, faucibus                        et, tempus at, dui. Nunc risus. Proin scelerisque augue. Nam ullamcorper 
                    </p>
                    <p>
						Maecenas ullamcorper, odio vel tempus egestas, dui  
 					</p>
                </div>
             	<div class="abttxts">
              		<img src="images/aboutimg.gif" width="265" height="106" alt="" />
              		<p>
                    	Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi luctus. Duis lobortis. Nulla nec velit. Mauris pulvinar                    	erat non massa. Suspendisse tortor turpis, porta nec, tempus vitaeculis semper, pede.
                    </p>
              </div>
			  <div class="abtlist mar1">
                 <ul>
                     <li> Lorem ipsum dolor sit amet, consectetuer</li>
                	 <li>Morbi luctus. Duis lobortis. Nulla nec velit.</li>
                	 <li>Mauris pulvinar erat non massa. Suspendisse </li>
                	 <li> Turpis, porta nec, tempus vitae, iaculis semper,</li>
                	 <li>Cras vel libero id lectus rhoncus porta. Sus</li>
                	 <li>Lorem ipsum dolor sit amet, consectetuer </li>
                	 <li>Morbi luctus. Duis lobortis. Nulla nec velit.</li>
                	 <li>Mauris pulvinar erat non massa. Suspendisse</li>
                	 <li>Turpis, porta nec, tempus vitae, iaculis semper, </li>
                	 <li>Cras vel libero id lectus rhoncus porta. Suspendisse</li>
                 </ul>
              </div>
           <div class="clear"></div>
           </div>    
           
           <p class="pad2">
               Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat eget, dapibus ac,               lectus. Curabitur dolor sapien, hendrerit non, suscipit bibendum, auctor ac, arcu. Vestibulum dapibus. Sed pede lacus, pretium in,               condimentum sit amet, mollis dapibus, magna. Ut bibendum dolor nec augue. Ut tempus luctus metus. Sed a velit. Pellentesque at               libero elementum ante condimentum sollicitudin. Pellentesque lorem ipsum, semper quis, interdum et, sollicitudin eu, purus. Vivamus               fringilla ipsum vel orci. Phasellus vitae massa at massa pulvinar pellentesque. Fusce tincidunt libero vitae odio. Donec malesuada               diam nec mi. Integer hendrerit pulvinar ante.
           </p> 
        </div>
		</div>
    <div class="clear"></div>    
	</div>
	<!-- bottom section-->
	<div id="bottom_sec">
 	<div class="botbar">
    	<div class="innercontainer">
        	<div class="socialtitle">
            	<h3>From the twitter  <img align="right" src="images/twittericon.png"  alt="" /> </h3>
            </div>
         	<div class="msg">
            	Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed elit. Nulla sem risus, vestibulum in, volutpat eget, dapib 				                 <a href="#">http://bit.ly</a>
           </div>
           <a class="follow_us" href="#"><span>Follow us</span></a>     
        </div>
    </div>
    <div id="bottomcontianer">
    	<div class="innercontainer">
   	    <div id="footer">
            <div class="archieve">
                <a href="#"><img src="images/logo2.png"  alt="" /></a>
                <p>601 Beetle Street Ardmore</p>
                <p>London, 73023</p>
                <p>Tel 580.205.9995</p>
                <p>Fax 580.389.5424</p>
                <p> Email: <a class="undrlne" href="#">info@website.com</a></p>
                <p> Website: <a class="undrlne" href="#">www.website.com</a></p>
            </div>          
            <div class="footer_div">
            	<h4>About us</h4>
            	<ul>
                	<li><a href="#">We're Hiring</a></li>
                	<li><a href="#">Meet the Team</a></li>
                	<li><a href="#">Updated Collections</a></li>
                	<li><a href="#">Latest Videos</a></li>
                </ul>
            </div>
            <div class="footer_div">
               	<h4>Features</h4>
               	<ul>
                   	<li><a href="#">What's VIDEO's?</a></li>
                   	<li><a href="#">Video's Button</a></li>
                    <li><a href="#">iPhone &amp; Android</a></li>
                    <li><a href="#">Widgets</a></li>
			    </ul>
            </div>
      <div class="from_fliker">
            <h4>From Flickr</h4>
           	<ul>
               	<li><a href="#"><img src="images/fromflickr1.gif" alt="" /></a></li>
                <li><a href="#"><img src="images/fromflickr2.gif" alt="" /></a></li>
                <li class="nomar"><a href="#"><img src="images/fromflickr3.gif" alt="" /></a></li>
                <li><a href="#"><img src="images/fromflickr4.gif" alt="" /></a></li>
                <li><a href="#"><img src="images/fromflickr5.gif" alt="" /></a></li>
                <li class="nomar"><a href="#"><img src="images/fromflickr6.gif" alt="" /></a></li>
            </ul>
          </div>
            
          </div>
        
        </div>
    </div>
    <div id="botbarbg">
    	<div class="innercontainer">
        	<div class="copy">Copyright &copy; 2011 Video Archives, Inc. All Rights Reserved.</div>
        	<div class="powerby">Powered By: <a href="#">ABC Technologies</a></div>
    	</div>
    </div>
	<div class="clear"></div>
    </div>
</body>
</html>
